/* ---------------------------------------------------------------------- */
/*  Custom Grid
/* ---------------------------------------------------------------------- */

/* Testimonial */
.testimonial-one-half-left,
.testimonial-one-half-right {
	width: 360px;
	margin: 0px;
	padding: 40px 40px 40px 90px;
	background-color: #f1f1f1;
	background-image: url(../images/quote-sign.png);
	background-repeat: no-repeat;
	background-position: 20px 48px;
	font-size:18px;
	font-weight: 300;
	line-height:28px;
}
.testimonial-one-half-left strong, .testimonial-one-half-right strong {
	display: block;
	padding-top: 20px;
	font-weight: 400;
	line-height:25px;
}
.testimonial-one-half-left span, .testimonial-one-half-right span {font-weight:300}
.testimonial-one-half-left {float:left; margin-bottom:20px; margin-right:20px;}
.testimonial-one-half-right {float:right; margin-bottom:20px; margin-right:0px;}
/* Testimonial */

.container {
	margin:0 auto;
	width:1000px;
	position:relative;
}
.container .one-full{width:1000px;margin-bottom:20px; clear:both;}
.container .one-full-bottom{width:1000px;margin:0px; height:0px; clear:both;}

.container .one-half-left,
.container .one-half-left-top,
.container .one-half-left-bottom,
.container .one-fourth-left-one,
.container .one-fourth-left-two,
.container .one-third,
.container .two-thirds,
.container .three-fourths {
	float:left;
	margin-bottom:20px;
	margin-right:20px;
	position:relative;
}
.container .one-half-left-top{margin-bottom:20px;}
.container .one-half-left-top,
.container .one-half-left-bottom{margin-right:0px;}
.container .one-half-left-bottom{margin-bottom:0px;}
.container .one-fourth-left-one{float:left; margin-right:20px; margin-bottom:0px;}
.container .one-fourth-left-two{float:left; margin-right:0px; margin-bottom:0px;}

.container .one-half-right,
.container .one-half-right-top,
.container .one-half-right-bottom,
.container .one-fourth-right-one,
.container .one-fourth-right-two,
.container .one-third.last,
.container .two-thirds.last,
.container .three-fourths.last {
	float:right;
	margin-bottom:20px;
	margin-right:0px;
	position:relative;
}
.container .one-half-right-top{margin-bottom:20px;}
.container .one-half-right-bottom{margin-bottom:0px;}
.container .one-fourth-right-one{float:left; margin-right:20px; margin-bottom:0px;}
.container .one-fourth-right-two{float:left; margin-right:0px; margin-bottom:0px;}

.container .one-half-right-top .one-fourth-right-one{margin-bottom:20px;}
.container .one-half-right-top .one-fourth-right-two{margin-bottom:20px;}

.container .one-half-left,
.container .one-half-left-top,
.container .one-half-left-bottom,
.container .one-half-right,
.container .one-half-right-top,
.container .one-half-right-bottom       { width:490px; } 

.container .one-fourth,
.container .one-fourth-left-one,
.container .one-fourth-left-two,
.container .one-fourth-right-one,
.container .one-fourth-right-two    { width:235px; } 

.container .one-third      { width:320px; }  
.container .two-thirds     { width:620px; }   
.container .three-fourths  { width:700px; }

.container .one-full img,
.container .one-half-left img,
.container .one-half-left-top img,
.container .one-half-left-bottom img,
.container .one-fourth-left-one img,
.container .one-fourth-left-two img,
.container .one-half-right img,
.container .one-half-right-top img,
.container .one-half-right-bottom img,
.container .one-fourth-right-one img,
.container .one-fourth-right-two img {width:100%;
background:url("../images/loader.gif") no-repeat scroll 0 0 transparent;
background-position:center; 
}

.container .one-third img,
.container .two-thirds img,
.container .three-fourths img {width:100%}
 
#footerMiddle .one-fourth-left-two, #footerMiddle .one-fourth-right-one, #footerMiddle .one-fourth-right-two {padding-right:60px; width:165px;}
 
 
/* ------------------------------------------- */
/*  Responsive Grid - 
/*		1. Tablet 
/*		2. Mobile Portrait
/*		3. Mobile Landscape
/* ------------------------------------------- */


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 1010px) and (max-width: 1024px) {
	
	/* Testimonial */
	.testimonial-one-half-left,
	.testimonial-one-half-right {	width: 340px;	padding: 40px 40px 40px 90px;	}
	.testimonial-one-half-left {float:left; margin-bottom:20px; margin-right:20px;}
	.testimonial-one-half-right {float:right; margin-bottom:20px; margin-right:0px;}
	/* Testimonial */
	
	.container {margin:0px auto;width:960px;position:relative;}
	.container .one-full{width:960px;margin:0px auto;margin-bottom:20px; clear:both;}
	.container .one-full-bottom{width:960px;margin:0px auto; height:0px; clear:both;}
	
	.container .one-half-left { width:470px; margin-right:20px;}
	.container .one-half-left-top, .container .one-half-left-bottom { width:470px; margin-right:0px;}
	
	.container .one-half-right { width:470px; margin-right:0px; } 
	.container .one-half-right-top, .container .one-half-right-bottom { width:470px; margin-right:0px;}
	
	.container .one-fourth-left-one,
	.container .one-fourth-left-two,
	.container .one-fourth-right-one,
	.container .one-fourth-right-two { width:225px; } 

	
	.container .one-third      { width:306px; }    
	.container .two-thirds     { width:632px; }   
	.container .one-fourth img {height:167px;}
	.container .add img { height:356px; }  
	
	#footerMiddle .one-fourth-left-two, #footerMiddle .one-fourth-right-one, #footerMiddle .one-fourth-right-two {padding-right:60px; width:155px;}
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 1009px) {

	/* Testimonial */
	.testimonial-one-half-left,
	.testimonial-one-half-right {	width: 220px;	padding: 40px 40px 40px 90px;	}
	.testimonial-one-half-left {float:left; margin-bottom:20px; margin-right:20px;}
	.testimonial-one-half-right {float:right; margin-bottom:20px; margin-right:0px;}
	/* Testimonial */	

	.container                 { width:720px; }
	.container .one-full{width:720px;}
	.container .one-full-bottom{width:720px;margin:0px; height:0px; clear:both;}
	
	.container .one-half-left { width:350px; margin-right:20px; margin-bottom:20px}
	.container .one-half-left-top, .container .one-half-left-bottom { width:350px; margin-right:0px;}
	.container .one-half-left-top {margin-bottom:15px;}
	
	.container .one-half-right { width:350px; margin-right:0px; margin-bottom:20px} 
	.container .one-half-right-top, .container .one-half-right-bottom { width:350px; margin-right:0px;}
	.container .one-half-right-top {margin-bottom:15px;}
	
	.container .one-fourth-left-one{ width:165px; margin-right:20px; } 
	.container .one-fourth-left-two{ width:165px; margin-right:0px; } 
	.container .one-fourth-right-one{ width:165px; margin-right:20px; } 
	.container .one-fourth-right-two{ width:165px; margin-right:0px; } 
	
	#footerMiddle .one-fourth-left-two, #footerMiddle .one-fourth-right-one, #footerMiddle .one-fourth-right-two {padding-right:60px; width:105px;}
	
	.container .add img { height:356px; }
	.container .one-third      { width:720px;  margin-right:0px;}    
	.container .two-thirds     { width:720px;  margin-right:0px;}   
	

	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	/* Testimonial */
	.testimonial-one-half-left,
	.testimonial-one-half-right {	width: 330px;	padding: 40px 40px 40px 90px;	}
	.testimonial-one-half-left {float:left; margin-bottom:20px; margin-right:0px;}
	.testimonial-one-half-right {float:left; margin-bottom:20px; margin-right:0px;}
	/* Testimonial */	
	
	.container       { width:460px; margin:0px auto; }
	.container .one-full{width:460px;margin-bottom:20px; clear:both;}
	.container .one-full-bottom{width:460px;margin:0px; height:0px; clear:both;}
	
	.container .one-half-left { width:460px; margin-right:0px; margin-bottom:20px}
	.container .one-half-left-top, .container .one-half-left-bottom { width:460px; margin-right:0px;}
	
	.container .one-half-right { width:460px; margin-right:0px; margin-bottom:20px} 
	.container .one-half-right-top, .container .one-half-right-bottom { width:460px; margin-right:0px;}
	
	.container .one-fourth-left-one{ width:220px; margin-right:20px; } 
	.container .one-fourth-left-two{ width:220px; margin-right:0px; } 
	.container .one-fourth-right-one{ width:220px; margin-right:20px; } 
	.container .one-fourth-right-two{ width:220px; margin-right:0px; }

	.container .one-third { width:460px;  margin-right:0px;}    
	.container .two-thirds { width:460px;  margin-right:0px;}
	 
	  /*#footerMiddle .containers .one-fourth-left-one, #footerMiddle .containers .one-fourth-right-one {width:200px; display:block; margin:0px 0px 30px 0px; padding-top:0px;left:20px;}
	 #footerMiddle .containers .one-fourth-left-two, #footerMiddle .containers .one-fourth-right-two{width:200px; display:block; margin:0px 0px 0px0px; padding-top:0px; left:20px}*/

	#footerMiddle .one-fourth-left-one{width:220px;}
	#footerMiddle .one-fourth-left-one, #footerMiddle .one-fourth-left-two, #footerMiddle .one-fourth-right-one, #footerMiddle .one-fourth-right-two {width:190px; display:block; margin:0px 10px 30px 0px; padding:0px 20px 0px 0px; left:20px}
	
	#footerMiddle .one-fourth-left-two, #footerMiddle .one-fourth-right-two {margin:0px 0px 0px 0px;}

	 #footerMiddle .containers .one-fourth-right-one, #footerMiddle .containers .one-fourth-left-one{padding-top:0px; }
	 #footerMiddle .containers .one-half-left {padding-bottom:30px;}
	 
	 #footerBottom .container .one-fourth-left-one, #footerBottom .container .one-fourth-right-one{width:220px; display:block; margin:0px 0px 30px 0px; left:20px;}
	 #footerBottom .container .one-fourth-left-two, #footerBottom .container .one-fourth-right-two{width:220px; display:block; margin:0px; left:20px;}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
	/* Testimonial */
	.container .testimonial-one-half-left,
	.container .testimonial-one-half-right {	width: 72%;	padding: 20px 20px 20px 60px;font-size:18px; line-height:24px;background-position: 12px 20px;background-size:40px}
	.container .testimonial-one-half-left {float:left; margin-bottom:20px; margin-right:0px;}
	.container .testimonial-one-half-right {float:left; margin-bottom:20px; margin-right:0px;}
	/* Testimonial */	
	
	.container       { width:100%; margin:0px auto; }
	.container .one-full{width:100%;margin-bottom:20px; clear:both;}
	.container .one-full-bottom{width:100%;margin:0px; height:0px; clear:both;}
	
	.container .one-half-left { width:100%; margin-right:0px; margin-bottom:20px}
	.container .one-half-left-top, .container .one-half-left-bottom { width:100%; margin-right:0px;}
	
	.container .one-half-right { width:100%; margin-right:0px; margin-bottom:20px} 
	.container .one-half-right-top, .container .one-half-right-bottom { width:100%; margin-right:0px;}
	
	.container .one-fourth-left-one{ width:100%; margin-right:0px; margin-bottom:20px;} 
	.container .one-fourth-left-two{ width:100%; margin-right:0px; } 
	.container .one-fourth-right-one{ width:100%; margin-right:0px; margin-bottom:20px;} 
	.container .one-fourth-right-two{ width:100%; margin-right:0px; }
	
	.container .one-third { width:100%; margin-right:0px; clear:both;}
	.container .two-thirds { width:85%; margin-right:0px; margin: 0px 5%; display:block; padding-bottom:20px; line-height:normal; text-align:center }
	 
	#footerMiddle .container .one-fourth-left-one, #footerMiddle .container .one-fourth-right-one {width:190px; display:block; margin:0px 0px 30px 0px;left:40px;}
	 #footerMiddle .container .one-fourth-left-two, #footerMiddle .container .one-fourth-right-two{width:190px; display:block; margin:0px; left:40px}
	 #footerMiddle .container .one-fourth-right-one{padding-top:30px; padding-right:60px; }
	 #footerMiddle .container .one-fourth-right-two{padding-top:0px; padding-right:60px; }
	 #footerMiddle .container .one-fourth-left-one{padding-top:0px; padding-right:60px; }
	 #footerMiddle .container .one-fourth-left-two{padding-top:0px; padding-right:60px; }
	 
	 #footerBottom .container .one-fourth-left-one, #footerBottom .container .one-fourth-right-one{width:250px; display:block; margin:0px 0px 30px 0px; left:40px;}
	 #footerBottom .container .one-fourth-left-two, #footerBottom .container .one-fourth-right-two{width:250px; display:block; margin:0px; left:40px}


}
